<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <meta name="description" content="旅游...">
    <meta name="author" content="作者">
    <meta name="keywords" content="旅游，定制旅游">
    <link rel="stylesheet" href="./css/bootstrap.min.css" type="text/css">
    <title>插画设计馆</title>
</head>
<style>
    @media (max-width: 576px) {
        .card-columns {
            column-count: 1;
            -moz-column-count: 1;
            -webkit-column-count: 1;
        }
    }

    @media (max-width: 768px) and (min-width:576px) {
        .card-columns {
            column-count: 2;
            -moz-column-count: 2;
            -webkit-column-count: 2;
        }
    }

    @media (max-width: 992768px) {
        .card-columns {
            column-count: 3;
            -moz-column-count: 3;
            -webkit-column-count: 3;
        }
    }
</style>

<body>
    <div class="container-fluid">
        <!-- 导航栏板块 start -->
        <nav class="navbar bg-primary navbar-dark navbar-expand-lg">
            <a href="" class="navbar-brand">插画</a>
            <button class="navbar-toggler" data-toggle="collapse" data-target="#navbarCollapse">
                <span class="navbar-toggler-icon"></span>
            </button>
            <div class="collapse navbar-collapse" id="navbarCollapse">
                <ul class="navbar-nav mr-auto">
                    <li class="nav-item"><a class="nav-link" href="index.html">首页</a></li>
                    <li class="nav-item dropdown">
                        <a href="#" class="nav-link dropdown-toggle" data-toggle="dropdown">插画选择</a>
                        <div class="dropdown-menu">
                            <a href="tourRoutes.html?region=0" class="dropdown-item">本人设计作品</a>
                            <a href="tourRoutes.html?region=1" class="dropdown-item">他人设计作品</a>
                        </div>
                    </li>
                    <li class="nav-item"><a id="contactLink" data-placement="bottom" data-HTML="true"
                            data-trigger="hover" data-content="<img src='./img/weixin.jpg'>" href="#"
                            class="nav-link">联系我们</a></li>
                </ul>
                <form action="" class="form-inline">
                    <input type="text" class="form-control" placeholder="站内搜索">
                    <button class="btn btn-outline-light ml-3">搜索</button>
                </form>
            </div>
        </nav>
        <!-- 导航栏板块 end -->
        <!-- 巨幕板块 start -->
        <div class="jumbotron pb-2 pt-4 bg-light">
            <h1 class="text-info">李宁全城10</h1>
            <p class="lead text-secondary">以插画动漫风格对全城10进行重塑</p>
            <div class="carousel slide carousel-fade" id="wrapper" data-ride="carousel">
                <ol class="carousel-indicators">
                    <li data-target="#wrapper" data-slide-to="0"></li>
                    <li data-target="#wrapper" data-slide-to="1"></li>
                    <li data-target="#wrapper" data-slide-to="2"></li>
                </ol>
                <ul class="carousel-inner">
                    <li class="carousel-item" data-interval="2000">
                        <img src="./img/1.jpg" alt="" class="d-block w-100">
                    </li>
                    <li class="carousel-item active" data-interval="2000">
                        <img src="./img/2.jpg" alt="" class="d-block w-100">
                    </li>
                    <li class="carousel-item" data-interval="2000">
                        <img src="./img/3.jpg" alt="" class="d-block w-100">
                    </li>
                </ul>
                <a href="#wrapper" class="carousel-control-prev" data-slide="prev">
                    <span class="carousel-control-prev-icon"></span>
                </a>
                <a href="#wrapper" class="carousel-control-next" data-slide="next">
                    <span class="carousel-control-next-icon"></span>
                </a>
            </div>
            <a class="btn btn-outline-primary mt-3" href="#">联系我们</a>
        </div>
        <!-- 巨幕版块 end -->
        <!-- 观鸟召集版块 start -->
        <div class="shadow">
            <h5 class="border-bottom border-success text-success py-3 pl-3">插画集市</h5>
            <div class="row">
                <div class="col-lg-6">
                    <div class="media position-relative m-4">
                        <img class="img-thumbnail mr-3" style="width:10rem" src="./img/2.jpg" alt="">
                        <div class="media-body">
                            <h5>李宁全城10 X STA<span class="text-warning font-weight-bold">￥2000元</span></h5>
                            <p class="text-muted">以插画动漫风格对全城10进行重塑</p>
                            <p>拍卖时间:2020年12月29日</p>
                            <p>拍卖地点:昆明</p>
                            <a href="#" class="stretched-link">查看详情</a>
                        </div>
                    </div>
                </div>
                <div class="col-lg-6">
                    <div class="media position-relative m-4">
                        <div class="media-body">
                            <h5>李宁全城10 棉花糖<span class="text-warning font-weight-bold">￥1500元</span></h5>
                            <p class="text-muted">以插画动漫风格对全城10进行重塑</p>
                            <p>拍卖时间:2020年12月29日</p>
                            <p>拍卖地点:深圳</p>
                            <a href="#" class="stretched-link">查看详情</a>
                        </div>
                        <img class="img-thumbnail mr-3" style="width:10rem" src="./img/3.jpg" alt="">
                    </div>
                </div>
            </div>
        </div>
        <!-- 观鸟召集版块 end -->
        <!-- 热门线路版块 start -->
        <div class="shadow mb-3">
            <h5 class="border-bottom border-danger text-danger py-3 pl-3">热门插画</h5>
            <div class="card-columns mt-3 p-2">
                <div class="card">
                    <img src="./img/5.jpg" class="card-img-top" alt="">
                    <div class="card-body">
                        <h5 class="card-title text-dark">nike dunk sb</h5>
                        <h6 class="card-subtitle">情人节限定</h6>
                        <p class="card-text text-muted">这双 StrangeLove x Nike SB Dunk Low 由著名艺术家 Sean Cliver 和 Todd
                            Bratrud 操刀设计，淡粉鞋身辅以鲜红
                            Swoosh，甜蜜的氛围让人倍感轻松。从外到内都大量运用了丝绒材质，独特的光泽质感让人耳目一新，每个角度都闪耀着情人节的甜蜜光辉，相信手感和上脚实穿的脚感也会相当不错。后跟鞋帮带有「骷髅爱心」标志，在鞋身其他的细节出，也有颇为细腻的设计来契合主题。水晶外底透露出蓝红爱心，鞋垫也是特别设计，融合了哥特死亡风格和情人节元素，街头气质满满！
                        </p>
                        <p class="card-text"><small class="text-muted">上架时间：2021-05-20</small></p>
                        <a href="#" class="card-link stretched-link"></a>
                    </div>
                </div>
                <div class="card">
                    <img src="./img/6.jpg" class="card-img-top" alt="">
                    <div class="card-body">
                        <h5 class="card-title text-dark">nike dunk sb</h5>
                        <h6 class="card-subtitle">食神</h6>
                        <p class="card-text text-muted">这款鞋是由广州艺术家杰凸凸设计的，全名Nike SB Dunk Low 「Street
                            Hawker」。全鞋身包含了太多的细节，两只鞋的鞋面采用的是鸳鸯设计，而且整个鞋面贯穿着由他亲自手绘的6幅实物水彩画。其中包括：北京的豆汁焦圈，上海的阳春面，西安的羊肉泡馍，成都的红油火锅，广州的果木烧鹅和台北的刨冰。

                        </p>
                        <p class="card-text"><small class="text-muted">上架时间：2021-05-20</small></p>
                        <a href="#" class="card-link stretched-link"></a>
                    </div>
                </div>
                <div class="card">
                    <img src="./img/7.jpg" class="card-img-top" alt="">
                    <div class="card-body">
                        <h5 class="card-title text-dark">AIR Jordan</h5>
                        <h6 class="card-subtitle">AJ11 婚鞋</h6>
                        <p class="card-text text-muted">耐克aj11满天星白色为主调的鞋身，在银色的点缀下呈现出十分亮眼的活力搭配，在冬天也能彰显满满的小清新造型。常规配色的漆皮部分更是以细腻精致的满天星闪粉效果示人，华丽的质感呼之欲出，这也是它被称作满天星的原因。皮革质感的鞋领和鞋舌、银色的立体飞人
                            Jumpman、数字23 刺绣后跟，这些细节都以高规格打造，带来不俗的高级感受。</p>
                        <p class="card-text"><small class="text-muted">上架时间：2021-05-20</small></p>
                        <a href="#" class="card-link stretched-link"></a>
                    </div>
                </div>
                <div class="card">
                    <img src="./img/8.jpg" class="card-img-top" alt="">
                    <div class="card-body">
                        <h5 class="card-title text-dark">nike dunk sb</h5>
                        <h6 class="card-subtitle">白象</h6>
                        <p class="card-text text-muted">整体以浅灰色作为主配色，黑色、白色和带有光泽的青绿色等组成，爆裂纹质感的花纹很抢眼蒂芙尼绿SwooshLogo更是点睛之笔√整体色彩对比度很高，绝对抢人眼球</p>
                        <p class="card-text"><small class="text-muted">最佳观鸟季,11月至次年3月</small></p>
                        <a href="#" class="card-link stretched-link"></a>
                    </div>
                </div>
                <div class="card">
                    <img src="./img/9.jpg" class="card-img-top" alt="">
                    <div class="card-body">
                        <h5 class="card-title text-dark">nike dunk sb</h5>
                        <h6 class="card-subtitle">黄龙虾</h6>
                        <p class="card-text text-muted">传闻黄龙虾是一种非常稀少的物种，出现概率则是3000W出一只。而 Nike 以此为灵感秘密打造了36双Friends & Family Edition的黄龙虾，并且在蓝龙虾发售前夜赠与CONCEPTS团队表达对于再次成功合作的认可，并且这一年，这只“龙虾”乘风破浪，扶摇直上！侃爷也曾说过这是他最想入手的一双鞋之一。</p>
                        <p class="card-text"><small class="text-muted">nike dunk sb</small></p>
                        <a href="#" class="card-link stretched-link"></a>
                    </div>
                </div>
                <div class="card">
                    <img src="./img/10.jpg" class="card-img-top" alt="">
                    <div class="card-body">
                        <h5 class="card-title text-dark">nike</h5>
                        <h6 class="card-subtitle">sacai 一代</h6>
                        <p class="card-text text-muted">去年疯狂刷屏的 sacai x Nike 联名

                            让我们记住了这个由阿部千登势在 1999 年创立的日本时装品牌。
                            
                            将 Nike 压箱底的复古跑鞋通过解构手法合体重塑
                            
                            焕然一新的混合拼接、加之鲜明的对撞色彩，成为人人都想拥有的鞋圈黑马</p>
                        <p class="card-text"><small class="text-muted">最佳观鸟季,11月至次年3月</small></p>
                        <a href="#" class="card-link stretched-link"></a>
                    </div>
                </div>
            </div>
        </div>
        <!-- 热门线路版块 end-->
        <!-- 页脚版块 start -->
        <footer class="text-right">
            <p>Copyright © 2020 XXXXXXXXXX co., Ltd. All Right Reserved</p>
            <p>深圳XXXXX旅游有限公司 粤ICP备XXXXXXXXXX号</p>
        </footer>
        <!-- 页脚版块 end -->
    </div>

    <script src="./js/jquery-3.6.0.min.js"></script>
    <script src="./js/bootstrap.bundle.min.js"></script>
    <script src="./js/tourSite.menu.js"></script>
</body>

</html>